<template>
<div>
    <el-table
    ref="multipleTable"
    :data="tableData"
    tooltip-effect="dark"
    style="width: 100%"
    @selection-change="handleSelectionChange">
    <el-table-column
      type="selection"
      width="55">
    </el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      sortable
      width="120">
      <template slot-scope="scope">{{ scope.row.date }}</template>
    </el-table-column>
    <el-table-column
      prop="name"
      label="用户名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="value"
      label="评论内容"
      show-overflow-tooltip>
    </el-table-column>
    <el-table-column
      prop="tname"
      label="帖子名"
      width="100">
    </el-table-column>
    <el-table-column
      prop="type"
      label="帖子类型"
      width="55">
    </el-table-column>
    <el-table-column
      prop="state"
      label="状态"
      width="220">
    </el-table-column>
    <el-table-column
      prop="remarks"
      label="备注"
      width="220"
      show-overflow-tooltip>
    </el-table-column>
  </el-table>
    </div>
</template>
<script>
export default {
  data () {
    return {
      tableData: [
        {
          date: '2020-08-24',
          name: 'admin',
          value: '1111111111111111111',
          tname: 'iview',
          type: 'vue',
          state: '审核不通过',
          remarks: '评论内容不符合要求'
        }
      ]
    }
  }
}
</script>
